<template>
  <div id="app">
    <router-view></router-view>
    <!-- 缓存所有匹配的路由组件, 在路由表中 设定 keepAlive = true就可以缓存路由 -->
    <!-- <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive> -->
    <!-- 不缓存的路由 -->
    <!-- <router-view v-if="!$route.meta.keepAlive" /> -->
  </div>
</template>

<script>
export default {
  data() { return {}; },
  // Vue实例已经创建触发, 未挂载生成DOM, 可以访问 data()和methods()
  created() {

  },
  // 挂载到DOM触发
  mounted() {
    // 初始化页面
    // let htmlEle = document.documentElement;
    // htmlEle.style.fontSize = htmlEle.clientWidth / 1920 + "px";
    // window.addEventListener("resize", function(e){
    //   console.log(htmlEle.clientWidth / 1920 + "px");
    //     htmlEle.style.fontSize = htmlEle.clientWidth / 1920 + "px";
    // })

    this.$store.dispatch("checkLogin", { username: localStorage.getItem("username"), password: localStorage.getItem("password") }).then(res => { });

    // 测试
    // this.$store.commit("SET_INFO", {
    //   userInfo: this.$store.getters.roleTemplate, baseInfo: {
    //     title: "平台",
    //     icon: "img/logo/logo.png",
    //   }
    // });
    // this.$store.commit("CHANGE_MENU", this.$store.getters.roleTemplate);
  },
  // 组件数据更新后,还未更新到DOM 触发
  beforeUpdate() { },
  // DOM渲染后更改数据触发
  updated() { },
  // 销毁前 - 处理一些 事件
  beforeDestroy() { },
  // 销毁后 - 可以做一些browser缓存的处理
  destroyed() { }
}
</script>